<template>
    <div style=" width: 100vw;background-color: rgb(242,242,242)">
        <div class="flex justify-center">
            <div class="w-3/4">
                <n-card class="mt-2">
                    <n-page-header subtitle="定制回测策略并开始回测">
                        <template #title>
                            <a style="text-decoration: none; color: inherit;font-size:20px">策略设置与回测</a>
                        </template>
                        <template #avatar>
                            <n-avatar :style="{
                                backgroundColor: 'white'
                            }">
                                <n-icon :component="InsertPhotoFilledIcon" class="flex justify-center items-center"
                                    :size="50" color="rgb(235,197,101)">
                                </n-icon>
                            </n-avatar>
                        </template>
                    </n-page-header>
                </n-card>
                <Transition enter-active-class="animate__animated animate__fadeInLeft">
                   <router-view/>
                </Transition>

            </div>
        </div>
    </div>



</template>

<script setup>
import { InsertPhotoFilled as InsertPhotoFilledIcon } from '@vicons/material';
import * as echarts from 'echarts';
import VChart from 'vue-echarts';
import { useMessage } from "naive-ui";
import { provide, ref } from 'vue'
const message = useMessage();
const report = ref(null);
provide('report',report);
</script>